﻿@{
    Layout = null;
}


<div class="panel panel-primary">
    <div class="panel-heading">
        <h3>Browse Colleges</h3>
    </div>
    <ul class="list-group">
        <li class="list-group-item" data-ng-repeat="college in colleges">
            <h4><a class="text-info" href="#/CollegeDetail/{{college.Id}}">{{college.Name}}</a> <small></small></h4>
            <h5 class="text-muted">{{college.Location}}</h5>
            <h5 class="text-muted">Average Rating: {{college.AverageRating | number : 1}} / 5.0</h5>
        </li>

    </ul>

</div>



